@charset "UTF-8"; 

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, pre, form,
	p, blockquote, input, abbr, article, aside, figcaption, fieldset,
	figure, footer, header, mark, meter, menu, nav, output, progress,
	section, summary, time {
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

ul, ol {
	list-style: none
}

iframe, a, img, button {
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0
}

article, aside, footer, header, nav, section, figure, figcaption {
	display: block
}

input, textarea, select {
	outline: none
}

textarea {
	resize: none
}

img {
	vertical-align: middle
}

i, em {
	font-style: normal
}

p {
	word-wrap: break-word
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal
}

.f_left {
	float: left
}

.f_right {
	float: right
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both;
	overflow: hidden
}

.clearfix {
	*zoom: 1
}

.clear {
	clear: both
}

.none {
	display: none
}

.hidden {
	visibility: hidden
}

.inline_block {
	display: inline-block
}

.t_left {
	text-align: left
}

.t_center {
	text-align: center
}

.t_right {
	text-align: right
}

.f_bold {
	font-weight: bold
}

.middle {
	vertical-align: middle
}

.hand {
	cursor: pointer
}

input[type=submit], input[type=button], input[type=text], textarea,
	button, select {
	-webkit-appearance: none
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt25 {
	margin-top: 25px
}

.mt30 {
	margin-top: 30px
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb15 {
	margin-bottom: 15px
}

.mb20 {
	margin-bottom: 20px
}

.mb25 {
	margin-bottom: 25px
}

.mb30 {
	margin-bottom: 30px
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml15 {
	margin-left: 15px
}

.ml20 {
	margin-left: 20px
}

.ml25 {
	margin-left: 25px
}

.ml30 {
	margin-left: 30px
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr15 {
	margin-right: 15px
}

.mr20 {
	margin-right: 20px
}

.mr25 {
	margin-right: 25px
}

.mr30 {
	margin-right: 30px
}

.pt5 {
	padding-top: 5px
}

.pt10 {
	padding-top: 10px
}

.pt15 {
	padding-top: 15px
}

.pt20 {
	padding-top: 20px
}

.pt25 {
	padding-top: 25px
}

.pb5 {
	padding-bottom: 5px
}

.pb10 {
	padding-bottom: 10px
}

.pb15 {
	padding-bottom: 15px
}

.pb20 {
	padding-bottom: 20px
}

.pb25 {
	padding-bottom: 25px
}

.pl5 {
	padding-left: 5px
}

.pl10 {
	padding-left: 10px
}

.pl15 {
	padding-left: 15px
}

.pl20 {
	padding-left: 20px
}

.pl25 {
	padding-left: 25px
}

.pr5 {
	padding-right: 5px
}

.pr10 {
	padding-right: 10px
}

.pr15 {
	padding-right: 15px
}

.pr20 {
	padding-right: 20px
}

.pr25 {
	padding-right: 25px
}

.f_12 {
	font-size: 12px
}

.f_14 {
	font-size: 14px
}

.f_16 {
	font-size: 16px
}

.f_18 {
	font-size: 18px
}

.f_20 {
	font-size: 20px
}

.f_22 {
	font-size: 22px
}

.f_24 {
	font-size: 24px
}

body {
	font: normal 16px/1.5 FZLTXHJW--GB1-0, Arial, Hiragino Sans GB,
		Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, simsun, sans-serif;
	color: #333333;
	background-color: #f5f7f9
}

input, button, textarea {
	font: normal 16px/1.5 FZLTXHJW--GB1-0, Arial, Hiragino Sans GB,
		Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, simsun, sans-serif
}

div.container {
	width: 1170px;
	margin: 0 auto;
	padding-bottom: 30px;
	min-height: 800px
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #E3E3E3 !important
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #E3E3E3 !important
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #E3E3E3 !important
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #E3E3E3 !important
}

span.onholder {
	color: #E3E3E3;
	position: absolute;
	z-index: 8
}

a {
	color: #333333;
	outline-style: none
}

a.a_grey {
	color: #999999
}

a.a_green {
	color: #38b447
}

a.a_u {
	text-decoration: underline
}

a.links {
	color: #38b447
}

a.links:hover {
	text-decoration: underline
}

a:hover {
	color: #38b447
}

.blue {
	color: #468bdd
}

.red {
	color: #fc5c63
}

.def {
	color: #343434
}

.green {
	color: #38b447
}

.grey_33 {
	color: #333333
}

.grey_66 {
	color: #666666
}

.grey_99 {
	color: #999999
}

iframe.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: transparent
}

::selection {
	background-color: #38b447;
	color: #fff
}

@font-face {
	font-family: "iconfont";
	src: url('/v3/font/iconfont.eot?t=1470306397');
	src: url('/v3/font/iconfont.eot?t=1470306397#iefix')
		format('embedded-opentype'),
		url('/v3/font/iconfont.woff?t=1470306397') format('woff'),
		url('/v3/font/iconfont.ttf?t=1470306397') format('truetype'),
		url('/v3/font/iconfont.svg?t=1470306397#iconfont') format('svg')
}

.icon {
	display: inline-block;
	font-family: "iconfont";
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	speak: none
}

.maskui_tips {
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: rgba(38, 38, 38, 0.7);
	filter: alpha(opacity = 70);
	color: #fff;
	font-size: 20px;
	padding: 0 35px;
	height: 50px;
	line-height: 50px;
	text-align: center
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.high {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@
-webkit-keyframes bounce { 0%,20%,50%,80%,100%{
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

40%{
-webkit-transform
:translateY(-30px)
;transform
:translateY(-30px)
}
60%{
-webkit-transform
:translateY(-15px)
;transform
:translateY(-15px)
}
}
@
keyframes bounce { 0%,20%,50%,80%,100%{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

40%{
-webkit-transform
:translateY(-30px)
;-ms-transform
:translateY(-30px)
;transform
:translateY(-30px)
}
60%{
-webkit-transform
:translateY(-15px)
;-ms-transform
:translateY(-15px)
;transform
:translateY(-15px)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}

@
-webkit-keyframes flash { 0%,50%,100%{
	opacity: 1
}

25%,75%{
opacity
:
0
}
}
@
keyframes flash { 0%,50%,100%{
	opacity: 1
}

25%,75%{
opacity
:
0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@
-webkit-keyframes pulse { 0%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

50%{
-webkit-transform
:scale
(1
.1
);transform
:scale
(1
.1
)
}
100%{
-webkit-transform
:scale(1)
;transform
:scale(1)
}
}
@
keyframes pulse { 0%{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

50%{
-webkit-transform
:scale
(1
.1
);-ms-transform
:scale
(1
.1
);transform
:scale
(1
.1
)
}
100%{
-webkit-transform
:scale(1)
;-ms-transform
:scale(1)
;transform
:scale(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@
-webkit-keyframes rubberBand { 0%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

30%{
-webkit-transform
:scaleX
(1
.25
)
 
scaleY
(
.75
);transform
:scaleX
(1
.25
)
 
scaleY
(
.75
)
}
40%{
-webkit-transform
:scaleX
(
.75
)
 
scaleY
(1
.25
);transform
:scaleX
(
.75
)
 
scaleY
(1
.25
)
}
60%{
-webkit-transform
:scaleX
(1
.15
)
 
scaleY
(
.85
);transform
:scaleX
(1
.15
)
 
scaleY
(
.85
)
}
100%{
-webkit-transform
:scale(1)
;transform
:scale(1)
}
}
@
keyframes rubberBand { 0%{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

30%{
-webkit-transform
:scaleX
(1
.25
)
 
scaleY
(
.75
);-ms-transform
:scaleX
(1
.25
)
 
scaleY
(
.75
);transform
:scaleX
(1
.25
)
 
scaleY
(
.75
)
}
40%{
-webkit-transform
:scaleX
(
.75
)
 
scaleY
(1
.25
);-ms-transform
:scaleX
(
.75
)
 
scaleY
(1
.25
);transform
:scaleX
(
.75
)
 
scaleY
(1
.25
)
}
60%{
-webkit-transform
:scaleX
(1
.15
)
 
scaleY
(
.85
);-ms-transform
:scaleX
(1
.15
)
 
scaleY
(
.85
);transform
:scaleX
(1
.15
)
 
scaleY
(
.85
)
}
100%{
-webkit-transform
:scale(1)
;-ms-transform
:scale(1)
;transform
:scale(1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@
-webkit-keyframes shake { 0%,100%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

10%,30%,50%,70%,90%{
-webkit-transform
:translateX(-10px)
;transform
:translateX(-10px)
}
20%,40%,60%,80%{
-webkit-transform
:translateX(10px)
;transform
:translateX(10px)
}
}
@
keyframes shake { 0%,100%{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

10%,30%,50%,70%,90%{
-webkit-transform
:translateX(-10px)
;-ms-transform
:translateX(-10px)
;transform
:translateX(-10px)
}
20%,40%,60%,80%{
-webkit-transform
:translateX(10px)
;-ms-transform
:translateX(10px)
;transform
:translateX(10px)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@
-webkit-keyframes swing { 20%{
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg)
}

40%{
-webkit-transform
:rotate(-10deg)
;transform
:rotate(-10deg)
}
60%{
-webkit-transform
:rotate(5deg)
;transform
:rotate(5deg)
}
80%{
-webkit-transform
:rotate(-5deg)
;transform
:rotate(-5deg)
}
100%{
-webkit-transform
:rotate(0deg)
;transform
:rotate(0deg)
}
}
@
keyframes swing { 20%{
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg)
}

40%{
-webkit-transform
:rotate(-10deg)
;-ms-transform
:rotate(-10deg)
;transform
:rotate(-10deg)
}
60%{
-webkit-transform
:rotate(5deg)
;-ms-transform
:rotate(5deg)
;transform
:rotate(5deg)
}
80%{
-webkit-transform
:rotate(-5deg)
;-ms-transform
:rotate(-5deg)
;transform
:rotate(-5deg)
}
100%{
-webkit-transform
:rotate(0deg)
;-ms-transform
:rotate(0deg)
;transform
:rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@
-webkit-keyframes tada { 0%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

10%,20%{
-webkit-transform
:scale
(
.9
)
 
rotate
(-3deg);transform
:scale
(
.9
)
 
rotate
(-3deg)
}
30%,50%,70%,90%{
-webkit-transform
:scale
(1
.1
)
 
rotate
(3deg);transform
:scale
(1
.1
)
 
rotate
(3deg)
}
40%,60%,80%{
-webkit-transform
:scale
(1
.1
)
 
rotate
(-3deg);transform
:scale
(1
.1
)
 
rotate
(-3deg)
}
100%{
-webkit-transform
:scale(1)
 
rotate
(0);transform
:scale(1)
 
rotate
(0)
}
}
@
keyframes tada { 0%{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

10%,20%{
-webkit-transform
:scale
(
.9
)
 
rotate
(-3deg);-ms-transform
:scale
(
.9
)
 
rotate
(-3deg);transform
:scale
(
.9
)
 
rotate
(-3deg)
}
30%,50%,70%,90%{
-webkit-transform
:scale
(1
.1
)
 
rotate
(3deg);-ms-transform
:scale
(1
.1
)
 
rotate
(3deg);transform
:scale
(1
.1
)
 
rotate
(3deg)
}
40%,60%,80%{
-webkit-transform
:scale
(1
.1
)
 
rotate
(-3deg);-ms-transform
:scale
(1
.1
)
 
rotate
(-3deg);transform
:scale
(1
.1
)
 
rotate
(-3deg)
}
100%{
-webkit-transform
:scale(1)
 
rotate
(0);-ms-transform
:scale(1)
 
rotate
(0);transform
:scale(1)
 
rotate
(0)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@
-webkit-keyframes wobble { 0%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

15%{
-webkit-transform
:translateX
(-25%)
 
rotate
(-5deg);transform
:translateX
(-25%)
 
rotate
(-5deg)
}
30%{
-webkit-transform
:translateX
(20%)
 
rotate
(3deg);transform
:translateX
(20%)
 
rotate
(3deg)
}
45%{
-webkit-transform
:translateX
(-15%)
 
rotate
(-3deg);transform
:translateX
(-15%)
 
rotate
(-3deg)
}
60%{
-webkit-transform
:translateX
(10%)
 
rotate
(2deg);transform
:translateX
(10%)
 
rotate
(2deg)
}
75%{
-webkit-transform
:translateX
(-5%)
 
rotate
(-1deg);transform
:translateX
(-5%)
 
rotate
(-1deg)
}
100%{
-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes wobble { 0%{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

15%{
-webkit-transform
:translateX
(-25%)
 
rotate
(-5deg);-ms-transform
:translateX
(-25%)
 
rotate
(-5deg);transform
:translateX
(-25%)
 
rotate
(-5deg)
}
30%{
-webkit-transform
:translateX
(20%)
 
rotate
(3deg);-ms-transform
:translateX
(20%)
 
rotate
(3deg);transform
:translateX
(20%)
 
rotate
(3deg)
}
45%{
-webkit-transform
:translateX
(-15%)
 
rotate
(-3deg);-ms-transform
:translateX
(-15%)
 
rotate
(-3deg);transform
:translateX
(-15%)
 
rotate
(-3deg)
}
60%{
-webkit-transform
:translateX
(10%)
 
rotate
(2deg);-ms-transform
:translateX
(10%)
 
rotate
(2deg);transform
:translateX
(10%)
 
rotate
(2deg)
}
75%{
-webkit-transform
:translateX
(-5%)
 
rotate
(-1deg);-ms-transform
:translateX
(-5%)
 
rotate
(-1deg);transform
:translateX
(-5%)
 
rotate
(-1deg)
}
100%{
-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@
-webkit-keyframes bounceIn { 0%{
	opacity: 0;
	-webkit-transform: scale(.3);
	transform: scale(.3)
}

50%{
opacity
:
1;-webkit-transform
:scale
(1
.05
);transform
:scale
(1
.05
)
}
70%{
-webkit-transform
:scale
(
.9
);transform
:scale
(
.9
)
}
100%{
opacity
:
1;-webkit-transform
:scale(1)
;transform
:scale(1)
}
}
@
keyframes bounceIn { 0%{
	opacity: 0;
	-webkit-transform: scale(.3);
	-ms-transform: scale(.3);
	transform: scale(.3)
}

50%{
opacity
:
1;-webkit-transform
:scale
(1
.05
);-ms-transform
:scale
(1
.05
);transform
:scale
(1
.05
)
}
70%{
-webkit-transform
:scale
(
.9
);-ms-transform
:scale
(
.9
);transform
:scale
(
.9
)
}
100%{
opacity
:
1;-webkit-transform
:scale(1)
;-ms-transform
:scale(1)
;transform
:scale(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@
-webkit-keyframes bounceInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateY(30px)
;transform
:translateY(30px)
}
80%{
-webkit-transform
:translateY(-10px)
;transform
:translateY(-10px)
}
100%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes bounceInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateY(30px)
;-ms-transform
:translateY(30px)
;transform
:translateY(30px)
}
80%{
-webkit-transform
:translateY(-10px)
;-ms-transform
:translateY(-10px)
;transform
:translateY(-10px)
}
100%{
-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@
-webkit-keyframes bounceInLeft { 0%{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateX(30px)
;transform
:translateX(30px)
}
80%{
-webkit-transform
:translateX(-10px)
;transform
:translateX(-10px)
}
100%{
-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes bounceInLeft { 0%{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateX(30px)
;-ms-transform
:translateX(30px)
;transform
:translateX(30px)
}
80%{
-webkit-transform
:translateX(-10px)
;-ms-transform
:translateX(-10px)
;transform
:translateX(-10px)
}
100%{
-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@
-webkit-keyframes bounceInRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateX(-30px)
;transform
:translateX(-30px)
}
80%{
-webkit-transform
:translateX(10px)
;transform
:translateX(10px)
}
100%{
-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes bounceInRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateX(-30px)
;-ms-transform
:translateX(-30px)
;transform
:translateX(-30px)
}
80%{
-webkit-transform
:translateX(10px)
;-ms-transform
:translateX(10px)
;transform
:translateX(10px)
}
100%{
-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@
-webkit-keyframes bounceInUp { 0%{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateY(-30px)
;transform
:translateY(-30px)
}
80%{
-webkit-transform
:translateY(10px)
;transform
:translateY(10px)
}
100%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes bounceInUp { 0%{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateY(-30px)
;-ms-transform
:translateY(-30px)
;transform
:translateY(-30px)
}
80%{
-webkit-transform
:translateY(10px)
;-ms-transform
:translateY(10px)
;transform
:translateY(10px)
}
100%{
-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@
-webkit-keyframes bounceOut { 0%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

25%{
-webkit-transform
:scale
(
.95
);transform
:scale
(
.95
)
}
50%{
opacity
:
1;-webkit-transform
:scale
(1
.1
);transform
:scale
(1
.1
)
}
100%{
opacity
:
0;-webkit-transform
:scale
(
.3
);transform
:scale
(
.3
)
}
}
@
keyframes bounceOut { 0%{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

25%{
-webkit-transform
:scale
(
.95
);-ms-transform
:scale
(
.95
);transform
:scale
(
.95
)
}
50%{
opacity
:
1;-webkit-transform
:scale
(1
.1
);-ms-transform
:scale
(1
.1
);transform
:scale
(1
.1
)
}
100%{
opacity
:
0;-webkit-transform
:scale
(
.3
);-ms-transform
:scale
(
.3
);transform
:scale
(
.3
)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@
-webkit-keyframes bounceOutDown { 0%{
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

20%{
opacity
:
1;-webkit-transform
:translateY(-20px)
;transform
:translateY(-20px)
}
100%{
opacity
:
0;-webkit-transform
:translateY(2000px)
;transform
:translateY(2000px)
}
}
@
keyframes bounceOutDown { 0%{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

20%{
opacity
:
1;-webkit-transform
:translateY(-20px)
;-ms-transform
:translateY(-20px)
;transform
:translateY(-20px)
}
100%{
opacity
:
0;-webkit-transform
:translateY(2000px)
;-ms-transform
:translateY(2000px)
;transform
:translateY(2000px)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@
-webkit-keyframes bounceOutLeft { 0%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

20%{
opacity
:
1;-webkit-transform
:translateX(20px)
;transform
:translateX(20px)
}
100%{
opacity
:
0;-webkit-transform
:translateX(-2000px)
;transform
:translateX(-2000px)
}
}
@
keyframes bounceOutLeft { 0%{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

20%{
opacity
:
1;-webkit-transform
:translateX(20px)
;-ms-transform
:translateX(20px)
;transform
:translateX(20px)
}
100%{
opacity
:
0;-webkit-transform
:translateX(-2000px)
;-ms-transform
:translateX(-2000px)
;transform
:translateX(-2000px)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@
-webkit-keyframes bounceOutRight { 0%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

20%{
opacity
:
1;-webkit-transform
:translateX(-20px)
;transform
:translateX(-20px)
}
100%{
opacity
:
0;-webkit-transform
:translateX(2000px)
;transform
:translateX(2000px)
}
}
@
keyframes bounceOutRight { 0%{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

20%{
opacity
:
1;-webkit-transform
:translateX(-20px)
;-ms-transform
:translateX(-20px)
;transform
:translateX(-20px)
}
100%{
opacity
:
0;-webkit-transform
:translateX(2000px)
;-ms-transform
:translateX(2000px)
;transform
:translateX(2000px)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@
-webkit-keyframes bounceOutUp { 0%{
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

20%{
opacity
:
1;-webkit-transform
:translateY(20px)
;transform
:translateY(20px)
}
100%{
opacity
:
0;-webkit-transform
:translateY(-2000px)
;transform
:translateY(-2000px)
}
}
@
keyframes bounceOutUp { 0%{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

20%{
opacity
:
1;-webkit-transform
:translateY(20px)
;-ms-transform
:translateY(20px)
;transform
:translateY(20px)
}
100%{
opacity
:
0;-webkit-transform
:translateY(-2000px)
;-ms-transform
:translateY(-2000px)
;transform
:translateY(-2000px)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@
-webkit-keyframes fadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
keyframes fadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@
-webkit-keyframes fadeInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes fadeInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@
-webkit-keyframes fadeInDownBig { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes fadeInDownBig { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@
-webkit-keyframes fadeInLeft { 0%{
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes fadeInLeft { 0%{
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@
-webkit-keyframes fadeInLeftBig { 0%{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes fadeInLeftBig { 0%{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@
-webkit-keyframes fadeInRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes fadeInRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@
-webkit-keyframes fadeInRightBig { 0%{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes fadeInRightBig { 0%{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@
-webkit-keyframes fadeInUp { 0%{
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes fadeInUp { 0%{
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@
-webkit-keyframes fadeInUpBig { 0%{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes fadeInUpBig { 0%{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@
-webkit-keyframes fadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
@
keyframes fadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@
-webkit-keyframes fadeOutDown { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(20px)
;transform
:translateY(20px)
}
}
@
keyframes fadeOutDown { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(20px)
;-ms-transform
:translateY(20px)
;transform
:translateY(20px)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@
-webkit-keyframes fadeOutDownBig { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(2000px)
;transform
:translateY(2000px)
}
}
@
keyframes fadeOutDownBig { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(2000px)
;-ms-transform
:translateY(2000px)
;transform
:translateY(2000px)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@
-webkit-keyframes fadeOutLeft { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(-20px)
;transform
:translateX(-20px)
}
}
@
keyframes fadeOutLeft { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(-20px)
;-ms-transform
:translateX(-20px)
;transform
:translateX(-20px)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@
-webkit-keyframes fadeOutLeftBig { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(-2000px)
;transform
:translateX(-2000px)
}
}
@
keyframes fadeOutLeftBig { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(-2000px)
;-ms-transform
:translateX(-2000px)
;transform
:translateX(-2000px)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@
-webkit-keyframes fadeOutRight { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(20px)
;transform
:translateX(20px)
}
}
@
keyframes fadeOutRight { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(20px)
;-ms-transform
:translateX(20px)
;transform
:translateX(20px)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@
-webkit-keyframes fadeOutRightBig { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(2000px)
;transform
:translateX(2000px)
}
}
@
keyframes fadeOutRightBig { 0%{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(2000px)
;-ms-transform
:translateX(2000px)
;transform
:translateX(2000px)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@
-webkit-keyframes fadeOutUp { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(-20px)
;transform
:translateY(-20px)
}
}
@
keyframes fadeOutUp { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(-20px)
;-ms-transform
:translateY(-20px)
;transform
:translateY(-20px)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@
-webkit-keyframes fadeOutUpBig { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(-2000px)
;transform
:translateY(-2000px)
}
}
@
keyframes fadeOutUpBig { 0%{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(-2000px)
;-ms-transform
:translateY(-2000px)
;transform
:translateY(-2000px)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@
-webkit-keyframes flip { 0%{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

40%{
-webkit-transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(170deg)
 
scale
(1);transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(170deg)
 
scale
(1);-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
50%{
-webkit-transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
80%{
-webkit-transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(
.95
);transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(
.95
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
100%{
-webkit-transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(1);transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(1);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
}
@
keyframes flip { 0%{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

40%{
-webkit-transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(170deg)
 
scale
(1);-ms-transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(170deg)
 
scale
(1);transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(170deg)
 
scale
(1);-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
50%{
-webkit-transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);-ms-transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);transform
:perspective(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
80%{
-webkit-transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(
.95
);-ms-transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(
.95
);transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(
.95
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
100%{
-webkit-transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(1);-ms-transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(1);transform
:perspective(400px)
 
translateZ
(0)
 
rotateY
(360deg)
 
scale
(1);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@
-webkit-keyframes flipInX { 0%{
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotateX
(-10deg);transform
:perspective(400px)
 
rotateX
(-10deg)
}
70%{
-webkit-transform
:perspective(400px)
 
rotateX
(10deg);transform
:perspective(400px)
 
rotateX
(10deg)
}
100%{
-webkit-transform
:perspective(400px)
 
rotateX
(0deg);transform
:perspective(400px)
 
rotateX
(0deg);opacity
:
1
}
}
@
keyframes flipInX { 0%{
	-webkit-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotateX
(-10deg);-ms-transform
:perspective(400px)
 
rotateX
(-10deg);transform
:perspective(400px)
 
rotateX
(-10deg)
}
70%{
-webkit-transform
:perspective(400px)
 
rotateX
(10deg);-ms-transform
:perspective(400px)
 
rotateX
(10deg);transform
:perspective(400px)
 
rotateX
(10deg)
}
100%{
-webkit-transform
:perspective(400px)
 
rotateX
(0deg);-ms-transform
:perspective(400px)
 
rotateX
(0deg);transform
:perspective(400px)
 
rotateX
(0deg);opacity
:
1
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@
-webkit-keyframes flipInY { 0%{
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotateY
(-10deg);transform
:perspective(400px)
 
rotateY
(-10deg)
}
70%{
-webkit-transform
:perspective(400px)
 
rotateY
(10deg);transform
:perspective(400px)
 
rotateY
(10deg)
}
100%{
-webkit-transform
:perspective(400px)
 
rotateY
(0deg);transform
:perspective(400px)
 
rotateY
(0deg);opacity
:
1
}
}
@
keyframes flipInY { 0%{
	-webkit-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotateY
(-10deg);-ms-transform
:perspective(400px)
 
rotateY
(-10deg);transform
:perspective(400px)
 
rotateY
(-10deg)
}
70%{
-webkit-transform
:perspective(400px)
 
rotateY
(10deg);-ms-transform
:perspective(400px)
 
rotateY
(10deg);transform
:perspective(400px)
 
rotateY
(10deg)
}
100%{
-webkit-transform
:perspective(400px)
 
rotateY
(0deg);-ms-transform
:perspective(400px)
 
rotateY
(0deg);transform
:perspective(400px)
 
rotateY
(0deg);opacity
:
1
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@
-webkit-keyframes flipOutX { 0%{
	-webkit-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	opacity: 1
}

100%{
-webkit-transform
:perspective(400px)
 
rotateX
(90deg);transform
:perspective(400px)
 
rotateX
(90deg);opacity
:
0
}
}
@
keyframes flipOutX { 0%{
	-webkit-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	opacity: 1
}

100%{
-webkit-transform
:perspective(400px)
 
rotateX
(90deg);-ms-transform
:perspective(400px)
 
rotateX
(90deg);transform
:perspective(400px)
 
rotateX
(90deg);opacity
:
0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@
-webkit-keyframes flipOutY { 0%{
	-webkit-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	opacity: 1
}

100%{
-webkit-transform
:perspective(400px)
 
rotateY
(90deg);transform
:perspective(400px)
 
rotateY
(90deg);opacity
:
0
}
}
@
keyframes flipOutY { 0%{
	-webkit-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	opacity: 1
}

100%{
-webkit-transform
:perspective(400px)
 
rotateY
(90deg);-ms-transform
:perspective(400px)
 
rotateY
(90deg);transform
:perspective(400px)
 
rotateY
(90deg);opacity
:
0
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@
-webkit-keyframes lightSpeedIn { 0%{
	-webkit-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0
}

60%{
-webkit-transform
:translateX
(-20%)
 
skewX
(30deg);transform
:translateX
(-20%)
 
skewX
(30deg);opacity
:
1
}
80%{
-webkit-transform
:translateX(0)
 
skewX
(-15deg);transform
:translateX(0)
 
skewX
(-15deg);opacity
:
1
}
100%{
-webkit-transform
:translateX(0)
 
skewX
(0deg);transform
:translateX(0)
 
skewX
(0deg);opacity
:
1
}
}
@
keyframes lightSpeedIn { 0%{
	-webkit-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0
}

60%{
-webkit-transform
:translateX
(-20%)
 
skewX
(30deg);-ms-transform
:translateX
(-20%)
 
skewX
(30deg);transform
:translateX
(-20%)
 
skewX
(30deg);opacity
:
1
}
80%{
-webkit-transform
:translateX(0)
 
skewX
(-15deg);-ms-transform
:translateX(0)
 
skewX
(-15deg);transform
:translateX(0)
 
skewX
(-15deg);opacity
:
1
}
100%{
-webkit-transform
:translateX(0)
 
skewX
(0deg);-ms-transform
:translateX(0)
 
skewX
(0deg);transform
:translateX(0)
 
skewX
(0deg);opacity
:
1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@
-webkit-keyframes lightSpeedOut { 0%{
	-webkit-transform: translateX(0) skewX(0deg);
	transform: translateX(0) skewX(0deg);
	opacity: 1
}

100%{
-webkit-transform
:translateX
(100%)
 
skewX
(-30deg);transform
:translateX
(100%)
 
skewX
(-30deg);opacity
:
0
}
}
@
keyframes lightSpeedOut { 0%{
	-webkit-transform: translateX(0) skewX(0deg);
	-ms-transform: translateX(0) skewX(0deg);
	transform: translateX(0) skewX(0deg);
	opacity: 1
}

100%{
-webkit-transform
:translateX
(100%)
 
skewX
(-30deg);-ms-transform
:translateX
(100%)
 
skewX
(-30deg);transform
:translateX
(100%)
 
skewX
(-30deg);opacity
:
0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@
-webkit-keyframes rotateIn { 0%{
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:center
 
center
;transform-origin
:center
 
center
;-webkit-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
@
keyframes rotateIn { 0%{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:center
 
center
;-ms-transform-origin
:center
 
center
;transform-origin
:center
 
center
;-webkit-transform
:rotate(0)
;-ms-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@
-webkit-keyframes rotateInDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
@
keyframes rotateInDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:left
 
bottom
;-ms-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(0)
;-ms-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@
-webkit-keyframes rotateInDownRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
@
keyframes rotateInDownRight { 0%{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:right
 
bottom
;-ms-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(0)
;-ms-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@
-webkit-keyframes rotateInUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
@
keyframes rotateInUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:left
 
bottom
;-ms-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(0)
;-ms-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@
-webkit-keyframes rotateInUpRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
@
keyframes rotateInUpRight { 0%{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0
}

100%{
-webkit-transform-origin
:right
 
bottom
;-ms-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(0)
;-ms-transform
:rotate(0)
;transform
:rotate(0)
;opacity
:
1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@
-webkit-keyframes rotateOut { 0%{
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:center
 
center
;transform-origin
:center
 
center
;-webkit-transform
:rotate(200deg)
;transform
:rotate(200deg)
;opacity
:
0
}
}
@
keyframes rotateOut { 0%{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:center
 
center
;-ms-transform-origin
:center
 
center
;transform-origin
:center
 
center
;-webkit-transform
:rotate(200deg)
;-ms-transform
:rotate(200deg)
;transform
:rotate(200deg)
;opacity
:
0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@
-webkit-keyframes rotateOutDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(90deg)
;transform
:rotate(90deg)
;opacity
:
0
}
}
@
keyframes rotateOutDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:left
 
bottom
;-ms-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(90deg)
;-ms-transform
:rotate(90deg)
;transform
:rotate(90deg)
;opacity
:
0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@
-webkit-keyframes rotateOutDownRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(-90deg)
;transform
:rotate(-90deg)
;opacity
:
0
}
}
@
keyframes rotateOutDownRight { 0%{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:right
 
bottom
;-ms-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(-90deg)
;-ms-transform
:rotate(-90deg)
;transform
:rotate(-90deg)
;opacity
:
0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@
-webkit-keyframes rotateOutUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(-90deg)
;transform
:rotate(-90deg)
;opacity
:
0
}
}
@
keyframes rotateOutUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:left
 
bottom
;-ms-transform-origin
:left
 
bottom
;transform-origin
:left
 
bottom
;-webkit-transform
:rotate(-90deg)
;-ms-transform
:rotate(-90deg)
;transform
:rotate(-90deg)
;opacity
:
0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@
-webkit-keyframes rotateOutUpRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(90deg)
;transform
:rotate(90deg)
;opacity
:
0
}
}
@
keyframes rotateOutUpRight { 0%{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

100%{
-webkit-transform-origin
:right
 
bottom
;-ms-transform-origin
:right
 
bottom
;transform-origin
:right
 
bottom
;-webkit-transform
:rotate(90deg)
;-ms-transform
:rotate(90deg)
;transform
:rotate(90deg)
;opacity
:
0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@
-webkit-keyframes slideInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)
}

100%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes slideInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)
}

100%{
-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@
-webkit-keyframes slideInLeft { 0%{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)
}

100%{
-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes slideInLeft { 0%{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)
}

100%{
-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@
-webkit-keyframes slideInRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)
}

100%{
-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes slideInRight { 0%{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)
}

100%{
-webkit-transform
:translateX(0)
;-ms-transform
:translateX(0)
;transform
:translateX(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@
-webkit-keyframes slideOutLeft { 0%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(-2000px)
;transform
:translateX(-2000px)
}
}
@
keyframes slideOutLeft { 0%{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(-2000px)
;-ms-transform
:translateX(-2000px)
;transform
:translateX(-2000px)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@
-webkit-keyframes slideOutRight { 0%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(2000px)
;transform
:translateX(2000px)
}
}
@
keyframes slideOutRight { 0%{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

100%{
opacity
:
0;-webkit-transform
:translateX(2000px)
;-ms-transform
:translateX(2000px)
;transform
:translateX(2000px)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@
-webkit-keyframes slideOutUp { 0%{
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(-2000px)
;transform
:translateY(-2000px)
}
}
@
keyframes slideOutUp { 0%{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(-2000px)
;-ms-transform
:translateY(-2000px)
;transform
:translateY(-2000px)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

@
-webkit-keyframes slideInUp { 0%{
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)
}

100%{
opacity
:
0;-webkit-transform
:translateY(0)
;transform
:translateY(0)
}
}
@
keyframes slideInUp { 0%{
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)
}

100%{
opacity
:
0;-webkit-transform
:translateY(0)
;-ms-transform
:translateY(0)
;transform
:translateY(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@
-webkit-keyframes slideOutDown { 0%{
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(2000px)
;transform
:translateY(2000px)
}
}
@
keyframes slideOutDown { 0%{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

100%{
opacity
:
0;-webkit-transform
:translateY(2000px)
;-ms-transform
:translateY(2000px)
;transform
:translateY(2000px)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@
-webkit-keyframes hinge { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

20%,60%{
-webkit-transform
:rotate(80deg)
;transform
:rotate(80deg)
;-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
40%{
-webkit-transform
:rotate(60deg)
;transform
:rotate(60deg)
;-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
80%{
-webkit-transform
:rotate(60deg)
 
translateY
(0);transform
:rotate(60deg)
 
translateY
(0);-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
;opacity
:
1
}
100%{
-webkit-transform
:translateY(700px)
;transform
:translateY(700px)
;opacity
:
0
}
}
@
keyframes hinge { 0%{
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

20%,60%{
-webkit-transform
:rotate(80deg)
;-ms-transform
:rotate(80deg)
;transform
:rotate(80deg)
;-webkit-transform-origin
:top
 
left
;-ms-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
40%{
-webkit-transform
:rotate(60deg)
;-ms-transform
:rotate(60deg)
;transform
:rotate(60deg)
;-webkit-transform-origin
:top
 
left
;-ms-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
80%{
-webkit-transform
:rotate(60deg)
 
translateY
(0);-ms-transform
:rotate(60deg)
 
translateY
(0);transform
:rotate(60deg)
 
translateY
(0);-webkit-transform-origin
:top
 
left
;-ms-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
;opacity
:
1
}
100%{
-webkit-transform
:translateY(700px)
;-ms-transform
:translateY(700px)
;transform
:translateY(700px)
;opacity
:
0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@
-webkit-keyframes rollIn { 0%{
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
 
rotate
(0deg);transform
:translateX(0)
 
rotate
(0deg)
}
}
@
keyframes rollIn { 0%{
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg)
}

100%{
opacity
:
1;-webkit-transform
:translateX(0)
 
rotate
(0deg);-ms-transform
:translateX(0)
 
rotate
(0deg);transform
:translateX(0)
 
rotate
(0deg)
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@
-webkit-keyframes rollOut { 0%{
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0deg);
	transform: translateX(0) rotate(0deg)
}

100%{
opacity
:
0;-webkit-transform
:translateX
(100%)
 
rotate
(120deg);transform
:translateX
(100%)
 
rotate
(120deg)
}
}
@
keyframes rollOut { 0%{
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0deg);
	-ms-transform: translateX(0) rotate(0deg);
	transform: translateX(0) rotate(0deg)
}

100%{
opacity
:
0;-webkit-transform
:translateX
(100%)
 
rotate
(120deg);-ms-transform
:translateX
(100%)
 
rotate
(120deg);transform
:translateX
(100%)
 
rotate
(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@
-webkit-keyframes bounceInUpBig { 0%{
	opacity: 0;
	-webkit-transform: translateY(50px) scale(0);
	transform: translateY(50px) scale(0);
	transform-origin: 90% 100%
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
 
scale
(1);transform
:translateY(0)
 
scale
(1);transform-origin
:
90%
 
100%
}
}
@
keyframes bounceInUpBig { 0%{
	opacity: 0;
	-webkit-transform: translateY(50px) scale(0);
	-ms-transform: translateY(50px) scale(0);
	transform: translateY(0) scale(0);
	transform-origin: 90% 100%
}

100%{
opacity
:
1;-webkit-transform
:translateY(0)
 
scale
(1);-ms-transform
:translateY(0)
 
scale
(1);transform
:translateY(0)
 
scale
(1);transform-origin
:
90%
 
100%
}
}
.bounceInUpBig {
	-webkit-animation-name: bounceInUpBig;
	animation-name: bounceInUpBig
}

@
-webkit-keyframes bounceOutDownBig { 0%{
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	transform-origin: 90% 100%
}

100%{
opacity
:
0;-webkit-transform
:translateY(50px)
 
scale
(0);transform
:translateY(50px)
 
scale
(0);transform-origin
:
90%
 
100%
}
}
@
keyframes bounceOutDownBig { 0%{
	-webkit-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	transform-origin: 90% 100%
}

100%{
opacity
:
0;-webkit-transform
:translateY(50px)
 
scale
(0);-ms-transform
:translateY(50px)
 
scale
(0);transform
:translateY(50px)
 
scale
(0);transform-origin
:
90%
 
100%
}
}
.bounceOutDownBig {
	-webkit-animation-name: bounceOutDownBig;
	animation-name: bounceOutDownBig
}

@
-webkit-keyframes pulseBig { 0%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

50%{
-webkit-transform
:scale
(
.8
);transform
:scale
(
.8
)
}
100%{
-webkit-transform
:scale(1)
;transform
:scale(1)
}
}
@
keyframes pulseBig { 0%{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

50%{
-webkit-transform
:scale
(
.8
);-ms-transform
:scale
(
.8
);transform
:scale
(
.8
)
}
100%{
-webkit-transform
:scale(1)
;-ms-transform
:scale(1)
;transform
:scale(1)
}
}
.pulseBig {
	-webkit-animation-name: pulseBig;
	animation-name: pulseBig
}

@
-webkit-keyframes zoomIn { 0%{
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}

50%,55%{
opacity
:
1;-webkit-transform
:scale3d
(1
.2
,
1
.2
,
1
.2
);transform
:scale3d
(1
.2
,
1
.2
,
1
.2
)
}
100%{
opacity
:
1;-webkit-transform
:scale3d
(1
,
1,
1);
transform
:scale3d
(1
,
1,
1)
}
}
@
keyframes zoomIn { 0%{
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}

50%,55%{
opacity
:
1;-webkit-transform
:scale3d
(1
.2
,
1
.2
,
1
.2
);transform
:scale3d
(1
.2
,
1
.2
,
1
.2
)
}
100%{
opacity
:
1;-webkit-transform
:scale3d
(1
,
1,
1);
transform
:scale3d
(1
,
1,
1)
}
}
@
-webkit-keyframes zoomOut { 0%{
	opacity: 1
}

50%{
opacity
:
0;-webkit-transform
:scale3d
(
.3
,
.3
,
.3
);transform
:scale3d
(
.3
,
.3
,
.3
)
}
100%{
opacity
:
0
}
}
@
keyframes zoomOut { 0%{
	opacity: 1
}

50%{
opacity
:
0;-webkit-transform
:scale3d
(
.3
,
.3
,
.3
);transform
:scale3d
(
.3
,
.3
,
.3
)
}
100%{
opacity
:
0
}
}
.integralIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.integralOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

header.global {
	width: 100%;
	height: 100px;
	background-color: #ffffff;
	position: relative
}

header.global .header {
	width: 1170px;
	margin: 0 auto;
	position: relative
}

header.global .h_logo {
	float: left;
	margin-top: 22px
}

header.global nav {
	float: left;
	margin-left: 55px
}

header.global nav .h_left {
	float: left;
	line-height: 100px;
	font-size: 16px
}

header.global nav .h_left>a {
	margin-right: 37px;
	padding-bottom: 10px;
	color: #323232
}

header.global nav .h_left>a:hover, header.global nav .h_left>a.active {
	text-decoration: none;
	border-bottom: 2px solid #30B640
}

header.global .h_search {
	float: right;
	position: relative;
	width: 286px;
	height: 36px;
	padding-top: 32px;
	margin-right: 30px
}

header.global .h_search .h_search_text {
	width: 230px;
	height: 36px;
	line-height: 36px;
	padding: 0 40px 0 10px;
	border: 1px solid #ADADAD;
	font-size: 14px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	-webkit-transition: border-color .2s;
	-moz-transition: border-color .2s;
	-ms-transition: border-color .2s;
	-o-transition: border-color .2s;
	transition: border-color .2s
}

header.global .h_search .h_search_text:focus {
	border-color: #38b447
}

header.global .h_search .h_search_text:focus+.h_search_submit {
	background: url('/v3/images/icons/i_search_xz.png') no-repeat 12px 7px
}

header.global .h_search .h_search_submit {
	position: absolute;
	top: 33px;
	right: 5px;
	width: 45px;
	height: 36px;
	border: none;
	cursor: pointer;
	background: url('/v3/images/icons/i_search.png') no-repeat 12px 7px;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}

header.global .h_search .header_suggestions {
	margin-top: 5px;
	background: #FFF;
	overflow: auto;
	-webkit-box-shadow: 0 1px 1px rgba(7, 0, 2, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(7, 0, 2, 0.1);
	-ms-box-shadow: 0 1px 1px rgba(7, 0, 2, 0.1);
	box-shadow: 0 1px 1px rgba(7, 0, 2, 0.1)
}

header.global .h_search .header_suggestions dl {
	padding-bottom: 15px;
	background: #fff;
	font-size: 14px
}

header.global .h_search .header_suggestions dt {
	margin: 0 1em;
	padding-top: 15px;
	font-weight: bold
}

header.global .h_search .header_suggestions dt.bd {
	border-top: 1px solid #f1f1f1;
	margin-top: 10px
}

header.global .h_search .header_suggestions strong {
	font-weight: bold;
	color: #38b447
}

header.global .h_search .autocomplete-suggestion {
	height: 34px;
	line-height: 34px;
	padding-left: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #666
}

header.global .h_search .autocomplete-suggestion:hover {
	background: #f1f1f1;
	cursor: pointer
}

header.global .h_right {
	float: right;
	margin-top: 43px;
	line-height: 16px
}

header.global .h_right>a {
	font-size: 16px;
	text-decoration: none;
	color: #323232;
	margin-right: 12px
}

header.global .h_right>a:hover {
	text-decoration: none;
	color: #38b447
}

header.global .h_right .slice {
	display: inline-block;
	*display: inline;
	width: 0;
	height: 17px;
	border-left: 2px solid #323232;
	margin: 0 5px;
	vertical-align: middle
}

header.global .h_right .gateway {
	margin-left: 10px
}

header.global .login_b {
	float: right
}

header.global .login_b span.user_news {
	position: relative;
	float: left;
	width: 24px;
	height: 19px;
	margin-top: 44px;
	margin-right: 10px;
	cursor: pointer
}

header.global .login_b span.user_news>a i.n_envelope {
	display: inline-block;
	width: 24px;
	height: 19px;
	font-size: 0;
	background: url("/v3/images/icons/i_email01.png") no-repeat
}

header.global .login_b span.user_news>a span {
	position: absolute;
	top: -7px;
	right: -15px;
	width: 22px;
	height: 14px;
	background: #FF5A5F;
	color: #ffffff;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	-webkit-border-radius: 10px 10px 10px 0;
	-moz-border-radius: 10px 10px 10px 0;
	border-radius: 10px 10px 10px 0
}

header.global .login_b span.user_news>.user_news_content {
	display: none;
	position: absolute;
	left: 50%;
	top: 17px;
	z-index: 2;
	width: 130px
}

header.global .login_b span.user_news>.user_news_content.show_content {
	display: block;
	-webkit-animation: fadeInUp .3s;
	-moz-animation: fadeInUp .3s;
	-ms-animation: fadeInUp .3s;
	-o-animation: fadeInUp .3s;
	animation: fadeInUp .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

header.global .login_b span.user_news>.user_news_content div {
	top: 14px;
	left: -50%;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	-webkit-box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15);
	-moz-box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15);
	-ms-box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15);
	box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15);
	z-index: 9;
	position: relative
}

header.global .login_b span.user_news>.user_news_content div:before,
	header.global .login_b span.user_news>.user_news_content div:after,
	header.global .login_b span.user_news>.user_news_content div>before,
	header.global .login_b span.user_news>.user_news_content div>after {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-color: transparent
}

header.global .login_b span.user_news>.user_news_content div:before,
	header.global .login_b span.user_news>.user_news_content div:after,
	header.global .login_b span.user_news>.user_news_content div>before,
	header.global .login_b span.user_news>.user_news_content div>after {
	left: 50%;
	border-width: 0 9px 9px 9px;
	margin-left: -9px
}

header.global .login_b span.user_news>.user_news_content div:before,
	header.global .login_b span.user_news>.user_news_content div>before {
	top: -8px;
	border-bottom-color: #dcdcdc
}

header.global .login_b span.user_news>.user_news_content div:after,
	header.global .login_b span.user_news>.user_news_content div>after {
	top: -7px;
	border-bottom-color: #fff
}

header.global .login_b span.user_news>.user_news_content div:before,
	header.global .login_b span.user_news>.user_news_content div:after,
	header.global .login_b span.user_news>.user_news_content div>before,
	header.global .login_b span.user_news>.user_news_content div>after {
	border-width: 0 9px 8px 9px
}

header.global .login_b span.user_news>.user_news_content div a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #666666;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px dashed #e0e0e0;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

header.global .login_b span.user_news>.user_news_content div a em {
	color: #e61e13;
	font-weight: bolder;
	font-size: 15px
}

header.global .login_b span.user_news>.user_news_content div a.no_border
	{
	border-bottom: 0
}

header.global .login_b span.user_news>.user_news_content div a:hover {
	text-decoration: none;
	color: #38b447
}

header.global .login_b span.user_news.hide_status:hover .user_news_content
	{
	display: block;
	-webkit-animation: fadeInUp .3s;
	-moz-animation: fadeInUp .3s;
	-ms-animation: fadeInUp .3s;
	-o-animation: fadeInUp .3s;
	animation: fadeInUp .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

header.global .login_b .login_user {
	position: relative;
	float: left;
	width: 100px;
	margin-left: 28px;
	margin-top: 35px
}

header.global .login_b .login_user .lu_header {
	position: relative;
	float: left;
	width: 34px;
	height: 34px;
	cursor: pointer
}

header.global .login_b .login_user .lu_header:hover>div {
	display: block;
	-webkit-animation: fadeInUp .3s;
	-moz-animation: fadeInUp .3s;
	-ms-animation: fadeInUp .3s;
	-o-animation: fadeInUp .3s;
	animation: fadeInUp .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

header.global .login_b .login_user .lu_header img {
	width: 100%;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px
}

header.global .login_b .login_user .lu_header>div {
	position: absolute;
	top: 34px;
	left: 50%;
	z-index: 3;
	width: 149px;
	display: none;
	padding-top: 12px;
	background: #fff;
	margin-left: -75px
}

header.global .login_b .login_user .lu_header ul {
	border: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
	background: #fff;
	-webkit-box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15);
	-moz-box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15);
	-ms-box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15);
	box-shadow: 0 3px 5px rgba(7, 0, 2, 0.15)
}

header.global .login_b .login_user .lu_header ul>li {
	height: 42px;
	border-bottom: 1px solid #eee;
	line-height: 43px
}

header.global .login_b .login_user .lu_header ul>li:last-child {
	border-bottom: none
}

header.global .login_b .login_user .lu_header ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #666666;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

header.global .login_b .login_user .lu_header ul>li>a:hover {
	color: #38b447
}

header.global .login_b .login_user .lu_guanzhu {
	position: absolute;
	right: 0;
	margin-left: 35px
}

header.global .login_b .login_user .lu_guanzhu a {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	background: #4a8dda;
	color: #fff;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

header.global .login_b .login_user .lu_guanzhu a:hover {
	width: 114px
}

header.global .login_b .login_user .lu_guanzhu a:hover span {
	display: inline-block
}

header.global .login_b .login_user .lu_guanzhu a span {
	display: none;
	margin-right: 11px
}

header.global .login_b .login_user .lu_guanzhu a i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url('/v3/images/icons/i_guanzhu.png') no-repeat
}

footer.footbottom {
	position: relative;
	width: 100%;
	height: 296px;
	background-color: #292E3C
}

footer.footbottom>div {
	width: 1170px;
	margin: 0 auto
}

footer.footbottom nav {
	text-align: center;
	float: left;
	margin-top: 60px
}

footer.footbottom nav a {
	display: inline-block;
	color: #fff;
	margin-right: 55px
}

footer.footbottom nav a.a_green {
	color: #38b447
}

footer.footbottom .map_index {
	bottom: 250px;
	left: 50%;
	width: 600px;
	display: none;
	margin-left: -92px;
	background: #ffffff;
	position: relative;
	position: absolute;
	z-index: 12
}

footer.footbottom .map_index:before, footer.footbottom .map_index:after,
	footer.footbottom .map_index>before, footer.footbottom .map_index>after
	{
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-color: transparent
}

footer.footbottom .map_index:before, footer.footbottom .map_index:after
	{
	left: 50%;
	border-width: 8px 8px 0 8px;
	margin-left: -8px
}

footer.footbottom .map_index:before {
	bottom: -7px;
	border-top-color: #ffffff
}

footer.footbottom .map_index:after {
	bottom: -6px;
	border-top-color: #ffffff
}

footer.footbottom .map_index:before, footer.footbottom .map_index:after
	{
	right: auto;
	left: 35px;
	bottom: -8px
}

footer.footbottom .map_index>.map_index_box {
	margin: 25px 25px 20px
}

footer.footbottom .map_index dl.com_good {
	position: relative;
	padding-right: 30px
}

footer.footbottom .map_index dl.com_good dt {
	float: left;
	height: 30px;
	line-height: 30px
}

footer.footbottom .map_index dl.com_good dd {
	display: block;
	height: 30px;
	overflow: hidden
}

footer.footbottom .map_index dl.com_good dd .all_item {
	height: auto;
	margin-top: 2px
}

footer.footbottom .map_index dl.com_good dd a {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	color: #666666;
	white-space: nowrap;
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
	margin-right: 5px
}

footer.footbottom .map_index dl.com_good dd a:hover {
	color: #38b447;
	text-decoration: none
}

footer.footbottom .map_index dl.com_good dd div.spread_option {
	position: absolute;
	width: 30px;
	right: 0;
	top: 2px;
	cursor: pointer
}

footer.footbottom .map_index dl.com_good dd div.spread_option div.b_toggler i
	{
	margin-left: 15px;
	display: inline-block;
	width: 15px;
	height: 9px;
	background: url("/v3/images/icons/i_down_small.png") no-repeat 0 0;
	*margin-top: 10px;
	*margin-right: 10px
}

footer.footbottom .map_index dl.com_good dd div.spread_option div.b_toggler.active i
	{
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

footer.footbottom .map_index dl.com_good.show-all {
	margin-bottom: 0
}

footer.footbottom .map_index dl.com_good.show-all a {
	margin-bottom: 2px
}

footer.footbottom .foot_w {
	color: #ffffff
}

footer.footbottom .foot_w .foot_kanzhun {
	margin-top: 72px;
	display: inline-block;
	font-size: 20px
}

footer.footbottom .foot_w .foot_kanzhun em {
	font-weight: bolder
}

footer.footbottom p {
	color: #ffffff
}

footer.footbottom .foot_right>div {
	margin-top: -45px;
	margin-right: 80px
}

footer.footbottom .foot_right .kanzhun_weibo {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-right: 20px;
	background: url("/v3/images/icons/i_kanzhun_weibo.png") no-repeat 0 0
}

footer.footbottom .foot_right .kanzhun_weixinbig {
	margin-right: 20px;
	position: relative
}

footer.footbottom .foot_right .kanzhun_weixinbig:hover .kanzhun_weixin_box
	{
	display: block;
	-webkit-animation: fadeInUp .4s;
	-moz-animation: fadeInUp .4s;
	-ms-animation: fadeInUp .4s;
	-o-animation: fadeInUp .4s;
	animation: fadeInUp .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

footer.footbottom .foot_right .kanzhun_appbig {
	margin-right: 20px;
	position: relative
}

footer.footbottom .foot_right .kanzhun_appbig:hover .kanzhun_app_box {
	display: block;
	-webkit-animation: fadeInUp .4s;
	-moz-animation: fadeInUp .4s;
	-ms-animation: fadeInUp .4s;
	-o-animation: fadeInUp .4s;
	animation: fadeInUp .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

footer.footbottom .foot_right .kanzhun_weixin, footer.footbottom .foot_right .kanzhun_app
	{
	display: inline-block;
	width: 44px;
	height: 44px;
	cursor: pointer
}

footer.footbottom .foot_right .kanzhun_weixin_box, footer.footbottom .foot_right .kanzhun_app_box
	{
	display: none;
	top: -240px;
	right: 3px;
	width: 178px;
	border: 1px solid #e5e7e8;
	background: #ffffff;
	position: relative;
	position: absolute
}

footer.footbottom .foot_right .kanzhun_weixin_box:before, footer.footbottom .foot_right .kanzhun_app_box:before,
	footer.footbottom .foot_right .kanzhun_weixin_box:after, footer.footbottom .foot_right .kanzhun_app_box:after,
	footer.footbottom .foot_right .kanzhun_weixin_box>before, footer.footbottom .foot_right .kanzhun_app_box>before,
	footer.footbottom .foot_right .kanzhun_weixin_box>after, footer.footbottom .foot_right .kanzhun_app_box>after
	{
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-color: transparent
}

footer.footbottom .foot_right .kanzhun_weixin_box:before, footer.footbottom .foot_right .kanzhun_app_box:before,
	footer.footbottom .foot_right .kanzhun_weixin_box:after, footer.footbottom .foot_right .kanzhun_app_box:after
	{
	left: 50%;
	border-width: 8px 8px 0 8px;
	margin-left: -8px
}

footer.footbottom .foot_right .kanzhun_weixin_box:before, footer.footbottom .foot_right .kanzhun_app_box:before
	{
	bottom: -7px;
	border-top-color: #ffffff
}

footer.footbottom .foot_right .kanzhun_weixin_box:after, footer.footbottom .foot_right .kanzhun_app_box:after
	{
	bottom: -6px;
	border-top-color: #ffffff
}

footer.footbottom .foot_right .kanzhun_weixin_box:before, footer.footbottom .foot_right .kanzhun_app_box:before,
	footer.footbottom .foot_right .kanzhun_weixin_box:after, footer.footbottom .foot_right .kanzhun_app_box:after
	{
	left: auto;
	right: 10px;
	bottom: -8px
}

footer.footbottom .foot_right .kanzhun_weixin_box img, footer.footbottom .foot_right .kanzhun_app_box img
	{
	display: block;
	width: 152px;
	height: 152px;
	margin: 15px auto 0
}

footer.footbottom .foot_right .kanzhun_weixin_box p, footer.footbottom .foot_right .kanzhun_app_box p
	{
	margin: 15px 0;
	text-align: center;
	color: #666666
}

footer.footbottom .foot_right .kanzhun_weixin {
	background: url("/v3/images/icons/i_kanzhun_weixin.png") no-repeat 0 0
}

footer.footbottom .foot_right .kanzhun_app {
	background: url("/v3/images/icons/i_kanzhun_app.png") no-repeat 0 0
}

i.i_goutong {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 23px;
	height: 24px;
	background: url('/v3/images/icons/i_oldbird_goutong.png')
}

i.view_fail {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-position: -16px 0
}

i.view_succ {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-position: 0 0
}

i.feelsad {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-position: -48px 0
}

i.feelhappy {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-position: -32px 0
}

i.close_conditions {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 7px;
	height: 9px;
	background-position: -65px 0
}

i.close_grey_10_10 {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	background-position: -200px -60px
}

i.cmp_address {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 11px;
	height: 15px;
	background-position: -332px 0
}

i.edit_add {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-position: -186px 0
}

i.grey_hr_official {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 15px;
	height: 13px;
	background-position: -257px 0
}

i.blue_hr_official {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 15px;
	height: 13px;
	background-position: -277px 0
}

i.cm_bonus {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 29px;
	height: 29px;
	background-position: 0 -183px
}

i.cm_salary {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 29px;
	height: 29px;
	background-position: -33px -183px
}

i.salary_than_high {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
	background-position: -296px 0
}

i.salary_than_low {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
	background-position: -314px 0
}

i.salary_block_use {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 33px;
	height: 32px;
	background-position: -66px -183px
}

i.lanling_err_tt {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	background-position: -104px -184px
}

i.lanling_sub_yes {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
	background-position: -122px -184px
}

i.lanling_sex_current {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 15px;
	height: 16px;
	background-position: -160px -184px
}

i.cmp_competitor {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 13px;
	height: 14px;
	background-position: -393px 0
}

i.i_want_comment {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 18px;
	height: 16px;
	background-position: -181px -24px
}

i.welfare_wages {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-position: -204px -24px
}

i.official_logo {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 37px;
	height: 37px;
	background-position: -125px -219px
}

i.cmp_prev_tags {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 12px;
	height: 22px;
	background-position: -78px -341px
}

i.cmp_next_tags {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 12px;
	height: 22px;
	background-position: -122px -341px
}

i.cmp_brief_info {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
	background-position: -224px -24px
}

i.cmp_employee_user {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
	background-position: -246px -24px
}

i.cmp_i_dp {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	background-position: -240px -380px
}

i.cmp_i_review {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	background-position: -240px -380px
}

i.cmp_i_interview {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	background-position: -260px -380px
}

i.cmp_i_salary {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	background-position: -280px -380px
}

i.cmp_i_job {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	background-position: -300px -380px
}

i.cmp_i_photo {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 18px;
	background-position: -320px -380px
}

i.cmp_comment_on {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 25px;
	height: 23px;
	background-position: -267px -24px
}

i.cmp_salary_on {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 19px;
	height: 26px;
	background-position: -296px -24px
}

i.cmp_interview_on {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	background-position: -320px -24px
}

i.cmp_photo_on {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 25px;
	height: 24px;
	background-position: -348px -24px
}

i.sidebar_edit {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	background-position: -379px -27px
}

i.round_right_trangle {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	background-position: -214px -60px
}

i.cmp_subscription {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	background-position: -180px -184px
}

i.cmp_subscription_big {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 54px;
	height: 54px;
	background-position: -337px -438px
}

i.ugc_interrupt_resume {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-position: 0 -388px
}

i.ugc_interrupt_email {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-position: -44px -388px
}

i.ugc_interrupt_sign {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-position: -88px -388px
}

i.ugc_interrupt_comment {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-position: -132px -388px
}

i.ugc_interrupt_interview {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-position: -176px -388px
}

i.integral-answer-questions {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	background-position: -391px -388px
}

i.ugc_interrupt_ok {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 13px;
	height: 10px;
	background-position: -257px -60px
}

i.o_c_pop_close {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	background-position: -180px -60px
}

i.return_to_top {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	background-position: -275px -60px
}

i.i_open_quote {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 11px;
	height: 8px;
	background-position: -131px -496px
}

i.i_close_quote {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 11px;
	height: 8px;
	background-position: -146px -496px
}

.green_b_star {
	width: 94px;
	height: 18px;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	background: url('/images/field/field_icons.png') no-repeat 0 -48px;
	line-height: 0
}

.green_b_star i {
	display: inline-block;
	width: 94px;
	height: 18px;
	overflow: hidden;
	font-size: 0;
	background: url('/images/field/field_icons.png') no-repeat 0 -28px
}

.green_rect_star_b {
	width: 130px;
	height: 24px;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	background: url("../image/stars.png") no-repeat 0 0;
	line-height: 0;
	vertical-align: middle
}

.green_rect_star_b i {
	display: inline-block;
	width: 130px;
	height: 24px;
	overflow: hidden;
	font-size: 0;
	background: url("../image/stars.png") no-repeat 0 -140px
}

.green_rect_star_b {
	overflow: hidden
}

.green_rect_star_b a {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 2px
}

.green_rect_star_b.green_rect_star_1 {
	background-position: 0 -28px
}

.green_rect_star_b.green_rect_star_2 {
	background-position: 0 -56px
}

.green_rect_star_b.green_rect_star_3 {
	background-position: 0 -84px
}

.green_rect_star_b.green_rect_star_4 {
	background-position: 0 -112px
}

.green_rect_star_b.green_rect_star_5 {
	background-position: 0 -140px
}

i.i_user_auth {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	background: url('/v3/images/icons/i_vip.png') no-repeat
}

i.i_auth_louzhu {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 31px;
	height: 15px;
	background: url('/v3/images/icons/i_louzhu.png') no-repeat
}

i.i_auth_laoniao {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background-repeat: no-repeat;
	width: 31px;
	height: 15px;
	background: url('/v3/images/icons/i_oldbird.png') no-repeat
}

i.i_u_comment {
	font-size: 25px;
	color: #ccc;
	vertical-align: middle;
	margin-top: 3px
}

i.i_u_comment:before {
	content: "\e612"
}

i.i_u_feel_helpful {
	font-size: 25px;
	color: #ccc;
	vertical-align: middle;
	margin-top: 3px
}

i.i_u_feel_helpful:before {
	content: "\e613"
}

i.i_u_report {
	font-size: 25px;
	color: #ccc;
	vertical-align: middle;
	margin-top: 2px
}

i.i_u_report:before {
	content: "\e618"
}

.green_s_star_2 {
	width: 68px;
	height: 12px;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	background: url("../image/stars.png") no-repeat -102px -174px;
	line-height: 0;
	vertical-align: middle;
	text-align: left
}

.green_s_star_2 i {
	display: inline-block;
	width: 68px;
	height: 12px;
	overflow: hidden;
	font-size: 0;
	background: url("../image/stars.png") no-repeat -102px -254px
}

div.footerFixed {
	position: fixed;
	z-index: 10;
	bottom: 0;
	background: url("../image/footerFixed/ff_bg.png") repeat-x;
	width: 100%;
	height: 60px
}

div.footerFixed .ff_inner {
	width: 990px;
	height: 60px;
	margin: 0 auto;
	position: relative
}

div.footerFixed .ff_inner .ff_logo {
	position: absolute;
	bottom: 0
}

div.footerFixed .ff_inner .ff_p {
	margin-left: 216px;
	margin-right: 20px;
	padding-top: 12px;
	font-size: 18px;
	color: #fffec6;
	text-align: center
}

div.footerFixed .ff_inner .ff_p em.old-bird-count {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	font-size: 30px
}

div.footerFixed .ff_inner .ff_p a.bt_yellow {
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	background-color: #fffc00;
	font-size: 16px;
	color: #333333;
	border-radius: 2px;
	padding: 0 10px
}

div.footerFixed .ff_inner .ff_p a.bt_yellow:hover {
	text-decoration: none
}

div.footerFixed .ff_inner .ff_p a.bt_yellow.to-ask-questions {
	width: 116px;
	padding: 0
}

div.footerFixed .ff_inner .ff_p .ff_close {
	position: absolute;
	top: 8px;
	right: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../image/footerFixed/ff_close.png");
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

div.footerFixed .ff_inner .ff_p .ff_close:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

.guide_box {
	position: fixed;
	bottom: 95px;
	left: 50%;
	width: 44px;
	margin-left: 586px;
	z-index: 11
}

.guide_box.online_absolute {
	position: absolute;
	bottom: 325px
}

.guide_box .gb_l {
	background: #ffffff;
	border: 1px solid #E7E7E7
}

.guide_box .gb_l .return_to_top {
	border-bottom: 1px solid #E7E7E7;
	background: url("/v3/images/icons/i_up.png") no-repeat 10px 12px;
	width: 42px;
	height: 42px
}

.guide_box .gb_l .return_to_top:hover {
	cursor: pointer
}

.guide_box .gb_l .return_to_top:hover {
	background-color: #F1EFEF
}

.guide_box .gb_l .feedback {
	position: relative;
	border-bottom: 1px solid #E7E7E7;
	background: url("/v3/images/icons/i_fankui.png") no-repeat 10px 12px;
	width: 42px;
	height: 42px
}

.guide_box .gb_l .feedback:hover {
	cursor: pointer
}

.guide_box .gb_l .feedback:hover {
	background-color: #F1EFEF
}

.guide_box .gb_l .feedback:hover a {
	display: block
}

.guide_box .gb_l .feedback a {
	display: none;
	width: 42px;
	height: 42px;
	line-height: 42px;
	background-color: #F1EFEF;
	color: #666666;
	font-size: 14px;
	text-align: center;
	text-decoration: none
}

.guide_box .gb_l .kanzhun_weixin_part {
	position: relative
}

.guide_box .gb_l .kanzhun_weixin_part:hover .kanzhun_weixin_box {
	display: block;
	-webkit-animation: fadeInUp .4s;
	-moz-animation: fadeInUp .4s;
	-ms-animation: fadeInUp .4s;
	-o-animation: fadeInUp .4s;
	animation: fadeInUp .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.guide_box .gb_l .kanzhun_app_part {
	position: relative
}

.guide_box .gb_l .kanzhun_app_part:hover .kanzhun_app_box {
	display: block;
	-webkit-animation: fadeInUp .4s;
	-moz-animation: fadeInUp .4s;
	-ms-animation: fadeInUp .4s;
	-o-animation: fadeInUp .4s;
	animation: fadeInUp .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.guide_box .gb_l .kanzhun_weixin {
	border-bottom: 1px solid #E7E7E7;
	background: url("/v3/images/icons/i_erweima_small.png") no-repeat 10px
		12px;
	width: 42px;
	height: 42px
}

.guide_box .gb_l .kanzhun_weixin:hover {
	cursor: pointer
}

.guide_box .gb_l .kanzhun_weixin:hover {
	background-color: #F1EFEF;
	color: #ffffff
}

.guide_box .gb_l .kanzhun_weixin_box, .guide_box .gb_l .kanzhun_app_box
	{
	background: #ffffff;
	top: -89px;
	right: 50px;
	width: 178px;
	display: none;
	border: 1px solid #e5e7e8;
	position: relative;
	position: absolute;
	-webkit-transition: display .2s;
	-moz-transition: display .2s;
	-ms-transition: display .2s;
	-o-transition: display .2s;
	transition: display .2s
}

.guide_box .gb_l .kanzhun_weixin_box:before, .guide_box .gb_l .kanzhun_app_box:before,
	.guide_box .gb_l .kanzhun_weixin_box:after, .guide_box .gb_l .kanzhun_app_box:after,
	.guide_box .gb_l .kanzhun_weixin_box>before, .guide_box .gb_l .kanzhun_app_box>before,
	.guide_box .gb_l .kanzhun_weixin_box>after, .guide_box .gb_l .kanzhun_app_box>after
	{
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-color: transparent
}

.guide_box .gb_l .kanzhun_weixin_box:before, .guide_box .gb_l .kanzhun_app_box:before,
	.guide_box .gb_l .kanzhun_weixin_box:after, .guide_box .gb_l .kanzhun_app_box:after
	{
	top: 50%;
	border-width: 8px 0 8px 8px;
	margin-top: -8px
}

.guide_box .gb_l .kanzhun_weixin_box:before, .guide_box .gb_l .kanzhun_app_box:before
	{
	right: -7px;
	border-left-color: #e5e7e8
}

.guide_box .gb_l .kanzhun_weixin_box:after, .guide_box .gb_l .kanzhun_app_box:after
	{
	right: -6px;
	border-left-color: #ffffff
}

.guide_box .gb_l .kanzhun_weixin_box img, .guide_box .gb_l .kanzhun_app_box img
	{
	display: block;
	width: 152px;
	height: 152px;
	margin: 15px auto 0
}

.guide_box .gb_l .kanzhun_weixin_box p, .guide_box .gb_l .kanzhun_app_box p
	{
	text-align: center;
	margin: 10px 0 15px 0;
	color: #666666
}

.guide_box .gb_l .kanzhun_app {
	color: #666666;
	font-size: 14px;
	line-height: 42px;
	text-align: center
}

.guide_box .gb_l .kanzhun_app:hover {
	cursor: pointer
}

.guide_box .gb_l .kanzhun_app:hover {
	background-color: #F1EFEF
}

.online_cons {
	right: 5px;
	bottom: 100px;
	z-index: 12;
	width: 378px;
	padding: 30px 0 25px 0;
	background: #ffffff;
	border: 1px solid #ebebeb;
	position: relative;
	position: fixed
}

.online_cons:before, .online_cons:after, .online_cons>before,
	.online_cons>after {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-color: transparent
}

.online_cons:before, .online_cons:after {
	left: 50%;
	border-width: 8px 8px 0 8px;
	margin-left: -8px
}

.online_cons:before {
	bottom: -7px;
	border-top-color: #ebebeb
}

.online_cons:after {
	bottom: -6px;
	border-top-color: #ffffff
}

.online_cons:before, .online_cons:after {
	left: auto;
	right: 35px
}

.online_cons .online_cons_content {
	margin: 0 25px
}

.online_cons .online_cons_top h2 {
	font-size: 18px
}

.online_cons .online_cons_top_headers {
	margin-right: 50px;
	margin-top: -10px
}

.online_cons .online_cons_top_headers>i {
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	margin-right: -20px;
	overflow: hidden
}

.online_cons .online_cons_top_headers>i img {
	width: 100%
}

.online_cons .online_cons_top_headers .header_1 {
	position: relative;
	z-index: 3
}

.online_cons .online_cons_top_headers .header_2 {
	position: relative;
	z-index: 2
}

.online_cons .online_cons_top_headers .header_3 {
	position: relative;
	z-index: 1
}

.online_cons .oc_desc {
	padding-bottom: 10px;
	margin-top: 20px;
	color: #666666
}

.online_cons .oc_desc em {
	font-size: 20px;
	color: #333333
}

.online_cons .content_ipt {
	min-height: 30px;
	max-height: 70px;
	overflow: auto
}

.online_cons span.splaceholder {
	width: 318px;
	height: 46px;
	line-height: 46px
}

.online_cons .reply_container {
	margin-top: 15px
}

.online_cons .reply_container span.num {
	vertical-align: -7px
}

.online_cons .reply_container .anonymous {
	font-size: 14px
}

.online_cons .reply_container .anonymous i {
	vertical-align: -3px !important
}

.online_cons .rocket {
	display: block;
	margin: 20px auto 0
}

.online_cons .rocket_word {
	text-align: center;
	height: 70px;
	line-height: 70px;
	color: #666666
}

.online_cons .r_know {
	color: #fff;
	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-ms-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
	background: #38b447;
	display: block;
	text-align: center;
	width: 124px;
	height: 42px;
	line-height: 42px;
	margin: 0 auto;
	text-decoration: none
}

.online_cons .r_know:hover {
	background: #3ec74f
}

.online_consultation {
	position: fixed;
	width: 58px;
	height: 58px;
	right: 20px;
	bottom: 20px;
	z-index: 10;
	cursor: pointer;
	background: url('/v3/images/icons/i_weixin_comment_oldbird_layer.png')
		no-repeat
}